<template>
    <view class="content">
       
        <view class="plr12">
            <view class="noticeItem bgWhite mt15 plr15 ptb15" v-for="(i,n) in list" @click="toMain(i)">
                <view class="align-center">
                    <image src="../../static/images/q.png" mode="widthFix"></image>
                     <view class="noticeTitle clamp">
                    {{i.title}}
                </view>
                </view>
               
                <view class="clamp2 mt10">
                    		<uv-parse :content="i.content"></uv-parse>

                </view>
              
            </view>
            
        </view>

    </view>
</template>

<script>
    export default {
        data() {
            return {
                list: [],
                chain: false,
                value: 0,
                indicatorDots: true,
                autoplay: true,
                interval: 3000,
                duration: 500,
                
                list2: [],
                categoryId: "",
                menuTop:uni.getStorageSync('menuInfo').menuTop,
                menuHeight:uni.getStorageSync('menuInfo').menuHeight,

            }
        },

        onReady() {
            // 模拟接口请求数据
           

        },
        onLoad(opt) {
            this.getQuestion()
            // this.getCate(index)  

        },
        methods: {
            click(e){
                console.log(e)
            },
            async getQuestion(index) {
                const data= await this.$api.questionList({cate_id:35})
                console.log(data)
                this.list=data.list
            },
           
            toMain(item) {
              /*  uni.navigateTo({
                    url: '/pages/problemMain/index?id=' + item.id
                }) */
            },
            back(){
                uni.navigateBack()
            }
        }
    }
</script>
<style scoped lang="scss">
    .header {
       position: fixed;
    width: 100%;
    top: 0;
    left: 0;
       height: 87rpx;
    }

    .item {
        padding: 22rpx 20rpx 22rpx 32rpx;

        image {
            width: 124rpx;
            height: 164rpx;
            border-radius: 12rpx;
            margin-right: 20rpx;
        }

        &-title {
            .text {
                font-size: 28rpx;
                color: #3D3D3D;
                line-height: 48rpx;

            }
        }

        &-content {

            .text {
                line-height: 36rpx;
                font-size: 24rpx;
                color: #9F9F9F;
                /* #ifndef APP-NVUE */
                word-break: break-all;
                /* #endif */
            }
        }

        &-price {
            font-size: 24rpx;
            color: #FF9012;

            text {
                font-size: 36rpx;
                line-height: 36rpx;
            }
        }
    }

    .gap {
        padding: 0 30rpx;
    }

    .swiper {
        image {
            width: 100%;
            height: 300rpx;
        }


    }
    .noticeItem{
        background: #FFFFFF;
        
        border-radius: 20rpx;
        image{
            width: 39rpx;
            margin-right: 20rpx;
        }
        .time{
           font-size: 28rpx;
           color: #555555; 
        }
        .noticeTitle{
            font-weight: bold;
            font-size: 30rpx;
            color: #333333;
            
        }
        .clamp2{
            font-size: 24rpx;
            color: #888888;
            line-height: 40rpx;
        }
        .line{
            background-color: #E2E2E2;
            height: 1rpx;
            width: 100%;
        }
        .bottom{
            font-size: 24rpx;
            color: #999999;
        }
    }
   
</style>
<style>
    .uv-tabs__wrapper__nav{
        justify-content: space-between;
    }
    
</style>